<style>
.carousel-inner .item img{
	max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
	height:82px;
}
.tag {color: #ff9f00;display: inline-block;height: 0.8rem;line-height: 0.76rem;padding: 0 5px;margin-right: 6px;border: 1px solid #ff9f00;border-radius: 6px;box-sizing: border-box;font-size: 0.4rem;}
</style>
<div class="fui-page  fui-page-current page-goods-list">
	<div class="fui-header searchtop">
		<div class="fui-header-left">
			<img class="leftlogo" ng-src="{{tomedia(pagedata.pluginset.logo) || '../core/resource/images/nopic.jpg'}}"/>
		</div>
		<div class="fui-header-input" style="top:0.1rem;right:0.5rem">
				<div class="searchbar searchbar-active" style="margin-left:1.6rem">
						<div class="search-input" style="margin-right:1.5rem">
							<i id="searchsub" class="icon icon-sousuo1" ng-click="access(pagedata.op,made_query(pagedata.params))"></i>
							<input type="search" placeholder="请输入商家、商品名称" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;border: 0 solid #ddd;" />
						</div>
				</div>
		</div>
		<div class="fui-header-right" style="padding-right:0.5rem;">
					<i class="icon jinyunicon icon-fenxiang2" onclick="$('#showsharecover').modal();" style="font-size: 1rem;margin-right:10px"></i>
					<i class="icon jinyunicon icon-liaotian" ng-click="access_json('jy_tour/home/')" style="font-size: 1rem;"></i>
		</div>
	</div>
	<div class="fui-content" style="top:0">	
		<!--轮播图-->
		<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
			<div class="carousel-inner" role="listbox" style="height:auto">
				<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.pluginset.hdps">
					<a href="{{item.url}}">
						<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: auto;">
					</a>
				</div>
			</div>
			<style>
				.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
				.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.banner" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
		</div>
		<div class="fui-icon-group noborder col-5 radius" style="background: #ffffff">
			<a class="fui-icon-col external" ng-repeat="item in pagedata.pluginset.bankuai" href="javascript:;" ng-click="access_json('jy_tour/'+item.action+'/')" data-nocache="true">
				<div class="icon"><img ng-src="{{tomedia(item.img) || '../core/resource/images/nopic.jpg'}}"></div>
				<div class="text" style="color: #666666;">{{item.title}}</div>
			</a>
		</div>
		<div ng-if="pagedata.pluginset.cube.length>=1" class="fui-cube">
			<div class="fui-cube-left" style="padding-right: 0;">
				<a ng-click="access_json(pagedata.pluginset.cube[0].url)"><img ng-src="{{tomedia(pagedata.pluginset.cube[0].image) || '../core/resource/images/diy/default/cube-1.jpg'}}"></a>
			</div>
			<div class="fui-cube-right" ng-if="pagedata.pluginset.cube.length>2">
				<div class="fui-cube-right1 ng-scope" style="padding-bottom: 0;">
					<a ng-click="access_json(pagedata.pluginset.cube[1].url)" data-nocache="true"><img ng-src="{{tomedia(pagedata.pluginset.cube[1].image) || '../core/resource/images/diy/default/cube-2.jpg'}}"></a>
				</div>
				<div class="fui-cube-right2 ng-scope">
					<a ng-click="access_json(pagedata.pluginset.cube[2].url)" data-nocache="true" class="ng-scope"><img ng-src="{{tomedia(pagedata.pluginset.cube[2].image) || '../core/resource/images/diy/default/cube-3.jpg'}}"></a>
				</div>
			</div>
		</div>
		<div class="drag ng-scope selected" class="selected" >
			<div class="btn-edit-del"></div>
			<div class="fe-mod-parent ng-scope">
				<div class="fui-tab fui-tab-danger ng-scope">
					<a ng-class="{'external active':pagedata.status==1}" ng-click="pagedata.status=1">热门景点</a>
					<a ng-class="{'external active':pagedata.status==2}" ng-click="pagedata.status=2">热门路线</a>
				</div>
			</div>
		</div>
		<div ng-if="pagedata.status==1" class="fui-picturew fui-card-list">
			<ul style="list-style: none;">
				<li ng-repeat="item in pagedata.spots" style="padding: 5px;height:226.56px;" >
					<a class="item" style="padding: 5px;" href="" ng-click="access_json('jy_tour/spot.detail//id='+item.id)">
						<div style="position:relative;">
							<img style="height:7rem;width:100%;" src="{{tomedia(item.thumb) || '../core/resource/images/nopic.jpg'}}"/>
							<span style="margin-left:0.5rem;color: #fff;display: block;height: 2.2rem;line-height: 1.6rem;padding: 0.4rem 0.4rem;position: absolute;bottom: 0.66667rem;z-index: 9;font-size: 0.86667rem; border-radius: 0.5rem;transform: scale(.5);background: #f70;transform-origin: left bottom;line-height:center;">&yen;
								<span style="margin: 0;padding: 0;font-size:1.2rem;">{{item.price}}</span>起
							</span>
							<div style="position: absolute;bottom:0.5rem;left:0;width: 100%;height: 0.8rem;padding-right: 0.4rem;z-index: 8;text-align: right;">
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">{{item.sum || '0'}}人出游</span>
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">{{item.goodrate || '0'}}满意</span>
							</div>
						</div>
						<div style="padding: 0 0.533333rem;">
							<div style="padding: 0.2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.873333rem;">{{item.title}}</div>
							<div class="center" style="color: #999;">
								<div class="diy-richtext" ng-bind-html="trust(item.desc)"></div>
							</div>
							<div style="width: 200%;height: 1.2rem;overflow: hidden; margin-bottom:0.1rem;">
								<span ng-repeat="v in item.tags" class="tag">{{v}}</span>
							</div>
						</div>
					</a>
				</li>
			</ul>
			<div style="border-top: 1px solid #efeff4;">
				<a href="javascript:;" ng-click="access_json('jy_tour/spot.list/')" style="color: #2dbb55;display: block;padding: 0.32rem 0 0.4rem;text-align: center;font-size: 0.64rem;">查看更多景点</a><i></i>
			</div>
		</div>
		<div ng-if="pagedata.status==2" class="fui-picturew fui-card-list">
			<ul style="list-style: none;">
				<li ng-repeat="item in pagedata.ways" style="padding: 5px;height:226.56px;" >
					<a class="item" style="padding: 5px;" href="" ng-click="access_json('jy_tour/way.detail//id='+item.id)">
						<div style="position:relative;">
							<img style="height:7rem;width:100%;" src="{{tomedia(item.thumb) || '../core/resource/images/nopic.jpg'}}"/>
							<span style="color: #fff;display: block;position: absolute;top: 0.6rem;left: 0.6rem;z-index: 9;height: 2.2rem;line-height: 2.1rem;padding: 0 0.5rem;font-size: 0.86667rem;border-radius: 1.06rem;transform: scale(.5);    transform-origin: left top;background: rgba(0,0,0,.6);">
								<i class="icon jinyunicon icon-position"></i>
								{{item.departure_address}}出发
							</span>
							<span style="color: #fff;display: block;height: 2.2rem;line-height: 1.6rem;padding: 0.4rem 0.4rem;position: absolute;bottom: 0.66667rem;z-index: 9;font-size: 0.86667rem; border-radius: 0.5rem;transform: scale(.5);background: #f70;transform-origin: left bottom;line-height:center;">&yen;
								<span style="margin: 0;padding: 0;font-size:1.2rem;">{{item.price}}</span>起
							</span>
							<div style="position: absolute;bottom:0.5rem;left:0;width: 100%;height: 0.8rem;padding-right: 0.4rem;z-index: 8;text-align: right;">
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">{{item.sum || '0'}}人出游</span>
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">{{item.goodrate || '0'}}满意</span>
							</div>
						</div>
						<div style="padding: 0 0.533333rem;">
							<div style="padding: 0.2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.873333rem;">{{item.title}}</div>
							<div class="text center" style="color: #999;">
								<div class="diy-richtext ng-binding ng-scope" ng-bind-html="trust(item.desc)"></div>
							</div>
							<div style="width: 200%;height: 1.2rem;overflow: hidden; margin-bottom:0.1rem;">
								<span ng-repeat="v in item.tags" class="tag">{{v}}</span>
							</div>
						</div>
					</a>
				</li>
			</ul>
			<div style="border-top: 1px solid #efeff4;">
				<a href="javascript:;" ng-click="access_json('jy_tour/way.index/')" style="color: #2dbb55;display: block;padding: 0.32rem 0 0.4rem;text-align: center;font-size: 0.64rem;">查看更多路线</a><i></i>
			</div>
		</div>
	</div>
</div>
<div ng-include="sys_html('common/_share','','','jy_weishop')"></div>
<script>
scope.pagedata.status=1;
require(['bootstrap', 'hammer'], function($, Hammer){
	$('#carousel-container').carousel();
	var mc = new Hammer($('#carousel-container').get(0));
	mc.on("panleft", function(ev) {
		$('#carousel-container').carousel('next');
	});
	mc.on("panright", function(ev) {
		$('#carousel-container').carousel('prev');
	});
});
</script>
<div ng-include="sys_html('_footer')"></div>

